.login {
  height: 100%;
  display: flex;
  margin: 0 auto;
  min-height: 100vh;
  justify-content: center;
  background-size: cover;
  background-image: url('/img/login_bgi.jpg');

  .loginForm {
    img:hover {
      cursor: pointer;
    }

    h3 {
      text-align: center;
      margin-bottom: 20px;
    }

    background-size: cover;
    background-color: #f6f8fa;
    // background-image: url('/img/login_form.jpg');
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 340px;
    // height: 450px;
    border-radius: 6px;
    border: 1px black;
    // box-shadow: 0 0 35px navy;
    padding: 25px 25px 25px 25px;

    .title {
      margin-bottom: 30px;
      text-align: center;
      font-family: Apple;
    }

    .el-input {
      .input-icon {
        height: 39px;
        width: 14px;
        margin-left: 2px;
        margin-top: 14px;
      }
    }

    //.el-button--login.is-active,
    //.el-button--login:active {
    //  background: #33FF00;
    //  border-color: #33FF00;
    //  color: #fff;
    //}

    .el-button--login:focus,
    .el-button--login:hover {
      background: green;
      border-color: green;
      color: #fff;
    }

    .el-button--login {
      color: #FFF;
      background-color: #2c974b;
      border-color: #2c974b;
    }

    .sign {
      font-family: '微软雅黑 Light';
    }

    .in {
      font-family: '微软雅黑 Light';
    }

    .forgetPwd {
      width: 70px;
      height: 20px;
      font-family: "Copperplate Gothic Light";
      float: left;
      color: #0397e6;
      font-size: 13px;
      margin-left: 5px;
      cursor: pointer;
      font-weight: bold;
    }

    .toRegister {
      width: 70px;
      height: 20px;
      font-family: "Copperplate Gothic Light";
      float: right;
      color: #0397e6;
      font-size: 13px;
      cursor: pointer;
      font-weight: bold;
    }

    .logo-img {
      width: 200px;
      height: 200px;
      margin-top: -100px;
      margin-left: 50px;
    }

  }
}
